<template>
    <div>
           
    </div>
</template>

<script>
export default {
     name:'Child',
     props:['aa'],
     data(){
         return {
      
         }
     },
     mounted(){
         /* 
        $attrs代表父组件传递给子组件的所有属性组成的对象，除了props接收过的属性以及和样式相关的属性,style,class
    	$listeners代表父组件给子组件绑定的所有事件监听组成的对象
    	通过this.$attrs和this.$listeners可以实现组件的二次封装
         */
         console.log(this.$attrs,this.$listeners);
         /* 
             {aa: 'bb', xx: {n: 2}}
             {click: ƒ, xxx: ƒ}
         */
     }
}
</script>

<style>

</style>